<template>
  <view class="dy-scroll-container">
    <dy-navbar title="card" />
    <scroll-view class="dy-scroll" scroll-y="">
      <!-- 基础用法 -->
      <dy-card title="基础用法" />
      <!-- 配合`dy-section`设置标题 -->
      <dy-card>
        <dy-section slot="title" padding="0" title="配合 dy-section 设置标题" show-right-icon />
      </dy-card>
      <!-- 自定义卡片内容 -->
      <dy-card title="自定义卡片内容">
        <template slot="body">
          最基础的卡片容器，可承载文字、列表、图片、段落，常用于后台概览页面。
        </template>
      </dy-card>
      <!-- 自定义卡片脚部 -->
      <dy-card title="自定义卡片脚部">
        <template slot="body">
          最基础的卡片容器，可承载文字、列表、图片、段落，常用于后台概览页面。
        </template>
        <view slot="footer" class="dy-justify-end">
          <dy-button type="primary" size="small">确认</dy-button>
        </view>
      </dy-card>
    </scroll-view>
  </view>
</template>

<script>
export default {
  name: 'Search',
  methods: {
    handleNewsClick() {
      console.log('点击了新闻')
    }
  }
}
</script>
